<template>
  <div id="app">
    <!-- 根据路由meta判断是否使用布局 -->
    <MainLayout v-if="useLayout" />
    <router-view v-else />
  </div>
</template>

<script setup>
import { computed, onMounted } from 'vue'
import { useRoute } from 'vue-router'
import MainLayout from '@/layouts/MainLayout.vue'

const route = useRoute()

// 判断是否使用主布局
const useLayout = computed(() => {
  // 如果路由meta中指定了layout为blank，则不使用布局
  return route.meta.layout !== 'blank'
})

onMounted(() => {
  console.log('ERP系统已启动')
  console.log('支持8种导航模式：经典、顶部、工作台、命令面板、圆形菜单、Dock栏、卡片式、智能搜索')
  console.log('按 Ctrl+K 打开命令面板快速导航')
})
</script>

<style>
#app {
  width: 100%;
  height: 100%;
}

/* 全局样式已在 MainLayout.vue 中定义 */
</style>